<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head lang="cn">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!--引用百度地图API-->
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=KqoVSkkSstSR3CKks9pdOMn3TZQ37tDy"></script>
    <title>云图网_专注免费设计素材下载的网站_免费设计图片素材中国</title>
    <meta name="keywords"
          content="云图网,免费素材下载,云图免费素材图库,矢量图,矢量图库,图片素材,网页素材,免费素材,PS素材,网站素材,设计模板,设计素材,www.xxoa.top,网页模板免费下载,千图,素材中国,素材,免费设计,图片"/>
    <meta name="description"
          content="云图(www.xxoa.top) 是专注免费设计素材下载的网站！提供矢量图素材,矢量背景图片,矢量图库,还有psd素材,PS素材,设计模板,设计素材,PPT素材,以及网页素材,网站素材,网页图标免费下载"/>
    <link rel="icon" href="static/index/registe/imgs/yun.ico" type="image/x-icon"/>
    <meta name="renderer" content="webkit">
    <link href="/static/index/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/index/css/page.css" rel="stylesheet">
    <link href="/static/index/css/toastr.css" rel="stylesheet">
    <link href="/static/index/css/active.css" rel="stylesheet">
    <script src="/static/index/js/jquery.min.js" type="text/javascript" charset="utf-8" er></script>

    <!--<script type="text/javascript">-->
    <!--//平台、设备和操作系统-->
    <!--var system = {-->
    <!--win: false,-->
    <!--mac: false,-->
    <!--xll: false,-->
    <!--ipad:false-->
    <!--};-->
    <!--//检测平台-->
    <!--var p = navigator.platform;-->
    <!--system.win = p.indexOf("Win") == 0;-->
    <!--system.mac = p.indexOf("Mac") == 0;-->
    <!--system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);-->
    <!--system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;-->
    <!--//跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面-->
    <!--if (system.win || system.mac || system.xll||system.ipad) {-->
    <!--window.location.href = "{:url('index/index/index')}";-->
    <!--} else {-->

    <!--window.location.href = "{:url('mobile/index/index')}";-->
    <!--}-->
    <!--</script>-->

    {block name="mycss"}
    <link href="/static/index/css/vip.css" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        a {
            text-decoration: none
        }

        body {
            margin: 0;
            padding: 0;
            text-decoration: none;
            font-size: 20px;
        }

        li {
            list-style: none;
        }

        .menu {
            display: none
        }

        .menu .menuTop {
            background-color: #F10215;
            color: #fff;
            width: 140px;
            height: 40px;
            padding-left: 20px;
            line-height: 40px;
            cursor: pointer;
        }

        .menu ul {
            width: 120px;
            background-color: #fff;
            border: 1px solid #000;
            box-sizing: border-box;
            position: relative;
            font-size: 20px;
            margin-top: 40px;
            position: absolute;
        }

        .menu ul li {
            height: 30px;
            text-align: left;
            line-height: 30px;
            font-size: 17px;
            z-index: 2;
        }

        .menu ul li a {
            color: #7070770;
        }

        .menu ul li a:hover {
            color: green;
            cursor: pointer;
        }

        .menu ul li:hover {
            border: 1px solid green;
            border-right: 0;
            background-image: none;
        }

        .menu ul li:hover .submenu {
            display: block;
        }

        .menu ul li:hover span {
            width: 30px;
            height: 30px;
            display: inline-block;
            background-color: #FFF;
            float: right;
            z-index: 100;
            position: relative;
        }

        .menu ul li .submenu {
            position: absolute;
            left: 115px;
            top: 0;
            width: 500px;
            height: 300px;
            text-align: center;
            border: 1px solid #DDD;
            box-shadow: 0 0 8px #DDD;
            -moz-box-shadow: 0 0 8px #DDD;
            -webkit-box-shadow: 0 0 8px #DDD;
            background-color: #FFF;
            z-index: 3;
            display: none;
        }

        .menu ul li .submenu .subleft {
            margin-left: 50px;
            width: 400px;
            height: 300px;
            float: left;
            padding: 5px;
        }

        .menu ul li .submenu .subleft dl {
            overflow: hidden;
            border-bottom: 1px solid green;
            padding: 10px 0;
        }

        .menu ul li .submenu .subleft dl dt {
            float: left;
            height: 22px;;
            line-height: 22px;
            margin-right: 10px;
            font-weight: bold;
            color: #707070;
            font-size: 17px;
            cursor: pointer;
        }

        .menu ul li .submenu .subleft dl dd {
        }

        .menu ul li .submenu .subleft dl dd a {
            display: block;
            float: left;
            border-left: 1px solid #707070;
            padding: 0 5px;
            color: #707070;
            height: 14px;
            line-height: 14px;
            margin: 3px 0;
            font-size: 17px;
        }

        .menu ul li .submenu .subright {
            width: 310px;
            height: 300px;
            background-color: blue;
            float: left;
        }
    </style>
    {/block}{block name="fjs"}

    {/block}
    <link rel="stylesheet" type="text/css" href="/static/index/css/259.css"/>
    <link rel="stylesheet" type="text/css" href="/static/index/css/260.css"/>
    <!--[if lt IE 9]>
    <!--<script src="/static/index/js/html5shiv.min.js"></script>-->
    <!--<script src="/static/index/js/respond.min.js"></script>-->
</head>
<body version="v1.0" style="background-color: #E8EDED">
<!--第1个NAV-->
<div class="qt-header">
    <div class="qt-header-container clearfix ">
        <div class="header-nav">
            <div class="search-fixed">
                <div class="search-main clearfix">
                    <div class="btn-classify"><i class="icon icon-p-fenlei"></i>分类</div>
                    <div class="fl search-input">
                        <div>
                            <input type="text" class="fl" placeholder="9,600,200免费设计素材任意下载" value="" data-isShow="1"
                                   data-where="1">
                        </div>
                    </div>
                    <div class="qt-btn btn-green-linear btn-search fr"><i class="icon icon-p-search"></i></div>
                    <div class="search-result"></div>
                    <div class="search-classify"></div>
                    <div class="search-cue">想找什么岗位的简历模板？</div>
                </div>
            </div>
        </div>

        <div class="qt-container">
            <div class="header-logo fl">
                <a href="{:url('index/index/index')}" title="云图网"><img src="/static/index/images/1.png" width="239.5"
                                                                       height="26" alt="云图网">
                    &nbsp;
                </a>
            </div>
            {if $Think.session.uid}
            <div class="person">
                {if $Think.session.icon}
                <img class="img-circle" src="http://pdyc9epam.bkt.clouddn.com/{$Think.session.icon}"
                     style="width: 40px;height: 40px">
                {else /}
                <img class="img-circle" src="/static/default.jpg" style="width: 40px;height: 40px">
                {/if}
                <p class="blo-tel">{$Think.session.name}</p>
                <div class="put-up" style="position: absolute;right: 10px;top: 45px;display:none; width: 100px;">
                    <div class="list-group">
                        <a href="{:url('index/Details/home')}"
                           class="list-group-item list-group-item-success">个人中心</a>
                        <a href="#" class="list-group-item list-group-item-info">我的收藏</a>
                        <a href="#" class="list-group-item list-group-item-warning">我的作品</a>
                        <a href="{:url('index/login/outlogin')}" class="list-group-item list-group-item-danger">退出</a>
                    </div>
                </div>
            </div>
            {else /}
            <div class="header-user login fr">
                <p class="qt-btn">
                    <a id="loginBtn" style="display:none!important;"
                       onclick="$('.login-model').css('display', 'block');"></a>
                    <a href="{:url('index/login/index')}" class="base_statistics" data-id="login">登录</a>
                </p>
                <p class="qt-btn btn-green-linear">
                    <a href="{:url('index/registe/index')}" class="base_statistics" data-id="reg">注册</a>
                </p>
                <input type="hidden" id="gx_vip_expireds" value="">
                <input type="hidden" id="gx_vip_flags" value="">
                <input type="hidden" id="gx_isLife" value="">
                <input type="hidden" id="yc_vip_expireds" value="">
                <input type="hidden" id="yc_vip_flags" value="">
                <input type="hidden" id="yc_isLife" value="">
                <input type="hidden" id="bg_vip_expireds" value="">
                <input type="hidden" id="bg_vip_flags" value="">
                <input type="hidden" id="bg_isLife" value="">
                <input type="hidden" id="public_user_id" value="">
            </div>
            {/if}
            <div class="header-upload hover-box header-right fr">
                <i class="icon icon-p-shangchuan"></i>
                <!--<a href="http://www.58pic.com/index.php?m=upload&a=lists" target="_blank"><!-- author tumingke 2018-06-20 -->
                <a href="{:url('index/upload/index')}" target="_blank">上传</a>
            </div>
            <div class="header-vip hover-box header-right fr">
                <i class="icon icon-p-VIP"></i>
                <a href="{:url('index/vip/index')}" target="_blank" data-mark-header="h_v_t">VIP</a>
            </div>
        </div>
    </div>
</div>
<!--第1个NAV-->
{block name="main"}
<!--第二个NAV-->
<div class="qt-search-index">
    <div class="qt-container">
        <div class="search-wrap">
            <a target="_blank" class="activityLinks"
               style="background:url('/static/index/images/atcivityIP.gif') no-repeat; width:260px; height:86px;display:none; position:absolute;top:-16px; left:-282px;"
               stats-point="135:activity-1"></a>
            <div class="search-main clearfix">
                <div class="btn-classify cate-btn"><i class="icon icon-p-fenlei"></i>分类</div>
                <div class="menu">
                    {if condition="($data)"}
                    <ul>
                        {foreach name="$data" item="val" key="key"}
                        <li>
                            <a href="{:url('index/index/cate1',['id'=>$val['id'],'pid'=>$val['pid']])}">&nbsp;&nbsp;{$val['name']}</a>
                            <span></span>
                            {if condition="($cate)"}
                            <div class="submenu">
                                <div class="subleft">
                                    {foreach name="$cate" item="v" key="k"}
                                    {foreach name="$v" item="a" key="b"}
                                    {if $val['id']==$k}
                                    <dl>
                                        <dt><a href="{:url('index/index/cate1',['id'=>$a['id'],'pid'=>$a['pid']])}">{$a['name']}</a></dt>
                                        {foreach name="$arr2" item="vv" key="kk"}
                                        {foreach name="$vv" item="aa" key="bb"}
                                        {if $a['id']==$kk}
                                        <dd><a href="{:url('index/index/cate1',['id'=>$aa['id'],'pid'=>$aa['pid']])}">{$aa['name']}</a>
                                        </dd>
                                        {/if}
                                        {/foreach}
                                        {/foreach}
                                    </dl>
                                    {/if}
                                    {/foreach}
                                    {/foreach}
                                </div>
                            </div>
                            {else/}
                            <div class="submenu" style="display:none">
                            {/if}

                        </li>
                        {/foreach}
                    </ul>
                    {else/}
                    {/if}
                </div>
                <div class="fl search-input">
                    <form action="{:url('index/index/search')}" method="get">
                        <div>
                            <input id="input" type="text" class="fl" placeholder="请输入关键字" name="str" value=""
                                   style="height:44px"></div>
                        <button id="s-btn" type="submit" class="qt-btn btn-green-linear btn-search fr"><i
                                class="icon icon-p-search"></i></button>
                    </form>

                </div>


                <div class="search-result"></div>
                <div class="search-classify"></div>
                <div class="search-cue search-cue-range">想找什么岗位的简历模板？</div>
            </div>
        </div>
        <div class="search-hot clearfix">
            <span>热门搜索 :</span>
            <a href="{:url('index/index/search',['str'=>'水彩'])}" target="_blank" class="text-green">水彩</a>
            <a href="#" target="_blank">开学季</a>
            <a href="#" target="_blank">处暑</a>
            <a href="#" target="_blank">招聘</a>
            <a href="#" target="_blank" class="text-green">秋天你好</a>
            <a href="#" target="_blank">星空</a>
            <a href="#" target="_blank">治愈插画</a>
            <a href="#" target="_blank" class="text-green">科技海报</a>
            <a href="#" target="_blank">党建PPT</a>
            <a href="#" target="_blank">99聚星节</a>
        </div>
        <div class="ranking-list"><a href="#" target="_blank">
            <img src="/static/index/images/ph.png" alt="排行榜入口"></a><a href="#" class="mall" target="_blank"><img
                src="/static/index/images/2.png" alt="积分商城"></a>
        </div>
    </div>
</div>
<!--end第二个NAV-->

<div class="container">
    <!--轮播图2-->
    <div class="container">
        <div class="row">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <a href="{$pic1['url']}">
                            <img src="{$pic1['icon']}" alt="..." style="width:1200px; height:320px">
                        </a>
                    </div>
                    <div class="item">
                        <a href="{$pic2['url']}">
                            <img src="{$pic2['icon']}" alt="..." style="width:1200px; height:320px">
                        </a>
                    </div>
                    <div class="item">
                        <a href="{$pic3['url']}">
                            <img src="{$pic3['icon']}" alt="..." style="width:1200px; height:320px">
                        </a>
                    </div>


                </div>
                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>
    <!--end轮播图2-->
</div>


<!--滚轮图-->
<div class="container">
    <div class="roll-wrap">
        <div style="width: 1200px; margin-left: 0px; overflow: hidden " id='box1'>


            <div id="cont" class="clearfix" style="width: 4900px; margin-left: 0px; overflow: hidden ">


                <div id="imglist5" style='float: left'>
                    {volist name="list" id="val"}
                    <div class="qt-card-primary wrap-list roll-list fl" style="width:300px;height:355px;">
                        <div class="card-img">
                            <a href="{:url('index/details/newpic',['id'=>$val['id']])}" target="_blank" class="clickL">
                                <div class="card-trait">
                                    <div class="card-tag-business "></div>
                                </div>
                                <img class=""
                                     src="http://pdyc9epam.bkt.clouddn.com/{$val['icon']}?imageMogr2/thumbnail/450x600>/gravity/North/crop/280x310/format/jpg/blur/1x0/quality/75|imageslim"
                                     alt=""
                                     data-url="http://pdyc9epam.bkt.clouddn.com/{$val['icon']}"
                                     style="width:300px;height:310px">
                                <div class="card-bg"></div>
                                <div class="card-handle">
                                    <div class="handle-dum qt-btn btn-green-linear download-page">
                                        <span class="glyphicon glyphicon-download-alt"
                                              style="font-size:18px; line-height:40px">VIP免费下载</span>
                                    </div>
                                    <div class="handle-fav bottom-fav-ajax">
                                        <span class="glyphicon glyphicon-heart house-btn" style="font-size:20px"
                                              data-id="{$val['id']}"></span>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="card-tag  isYC"></div>
                        <p class="card-title">{$val['desc']}</p>
                        <a href="#" class="card-title card-intro" target="_blank">
                            <span class="glyphicon glyphicon-download-alt ">下载数量:{$val['sold']}</span> &nbsp;&nbsp;
                            <span class="glyphicon glyphicon-gift">收藏数量:{$val['house']}</span>
                        </a>
                    </div>
                    {/volist}
                </div>

                </div>


            </div>
        </div>
    </div>
</div>
<!--滚轮图-->


{if condition="($row2)"/}
<div class="container">
    {else/}
    <div class="container" style="display:none">
        {/if}
        <div class="row" style="width:1200px; margin-left:0px">
            <div class="clearfix main-title w1200">
                <div class="fl"><i class="icon icon-yc"></i><span class="title">
                    <a href="{:url('index/index/cate1')}" target="_blank">电影剧照</a>
                </span>
                </div>
                <div class="fr to-more">
                    <a href="{:url('index/index/cate1')}" target="_blank" class="clickL" data-id="26-5">更多 &gt;&gt;</a>
                </div>
            </div>
            <!--遍历图片-->
            {volist name="row2" id="v"}
            <div class="qt-card-primary wrap-list roll-list fl" style="width:300px;height:355px;">
                <div class="card-img">
                    <a href="{:url('index/details/newpic',['id'=>$v['id']])}" target="_blank" class="clickL avatar">
                        <div class="card-trait">
                            <div class="card-tag-business "></div>
                        </div>
                        <img class=""
                             src="http://pdyc9epam.bkt.clouddn.com/{$v['icon']}?imageMogr2/thumbnail/450x600>/gravity/North/crop/280x310/format/jpg/blur/1x0/quality/75|imageslim"
                             alt=""
                             data-url="http://pdyc9epam.bkt.clouddn.com/{$v['icon']}" style="width:300px;height:310px">
                        <div class="card-bg"></div>

                        <div class="card-handle">
                            <div class="handle-dum qt-btn btn-green-linear download-page">
                                <span class="glyphicon glyphicon-download-alt" style="font-size:18px; line-height:40px">VIP免费下载</span>
                            </div>
                            <div class="handle-fav bottom-fav-ajax">
                                <span class="glyphicon glyphicon-heart house-btn" style="font-size:20px"
                                      data-id="{$v['id']}"></span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="card-tag  isYC"></div>
                <p class="card-title">{$v['desc']}</p><a href="#" class="card-title card-intro" target="_blank">
                <span class="glyphicon glyphicon-download-alt">下载数量:{$v['sold']}</span> &nbsp;&nbsp;
                <span class="glyphicon glyphicon-gift">收藏数量:{$v['house']}</span>
            </a>
            </div>
            {/volist}
            <!--遍历图片-->
        </div>
    </div>

    {if condition="($row3)"/}
    <div class="container">
        {else/}
        <div class="container" style="display:none">
            {/if}
            <div class="row" style="width:1200px; margin-left:0px">
                <div class="clearfix main-title w1200">
                    <div class="fl">
                        <i class="icon icon-yc"></i>
                        <span class="title">
                            <a href="{:url('index/index/cate1')}" target="_blank">动物</a>
                        </span>
                    </div>
                    <div class="fr to-more">
                        <a href="{:url('index/index/cate1')}" target="_blank" class="clickL" data-id="26-5">更多
                            &gt;&gt;</a></div>
                </div>
                <!--遍历图片-->
                {volist name="row3" id="va"}
                <div class="qt-card-primary wrap-list roll-list fl" style="width:300px;height:355px;">
                    <div class="card-img">
                        <a href="{:url('index/details/newpic',['id'=>$va['id']])}" target="_blank"
                           class="clickL avatar">
                            <div class="card-trait">
                                <div class="card-tag-business "></div>
                            </div>
                            <img class=""
                                 src="http://pdyc9epam.bkt.clouddn.com/{$va['icon']}?imageMogr2/thumbnail/450x600>/gravity/North/crop/280x310/format/jpg/blur/1x0/quality/75|imageslim"
                                 alt=""
                                 data-url="http://pdyc9epam.bkt.clouddn.com/{$va['icon']}"
                                 style="width:300px;height:310px">
                            <div class="card-bg"></div>

                            <div class="card-handle">
                                <div class="handle-dum qt-btn btn-green-linear download-page">
                                    <span class="glyphicon glyphicon-download-alt"
                                          style="font-size:18px; line-height:40px">VIP免费下载</span>
                                </div>
                                <div class="handle-fav bottom-fav-ajax">
                                    <span class="glyphicon glyphicon-heart house-btn" style="font-size:20px"
                                          data-id="{$va['id']}"></span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="card-tag  isYC"></div>
                    <p class="card-title">{$va['desc']}</p><a href="#" class="card-title card-intro" target="_blank">
                    <span class="glyphicon glyphicon-download-alt">下载数量:{$va['sold']}</span> &nbsp;&nbsp;
                    <span class="glyphicon glyphicon-gift">收藏数量:{$va['house']}</span>
                </a>
                </div>
                {/volist}
                <!--遍历图片-->
            </div>
        </div>


        {if condition="($row4)"/}
        <div class="container">
            {else/}
            <div class="container" style="display:none">
                {/if}
                <div class="row" style="width:1200px; margin-left:0px">
                    <div class="clearfix main-title w1200">
                        <div class="fl"><i class="icon icon-yc"></i><span class="title">
                            <a href="{:url('index/index/cate1')}" target="_blank">二次元</a></span></div>
                        <div class="fr to-more">
                            <a href="{:url('index/index/cate1')}" target="_blank" class="clickL" data-id="26-5">更多 &gt;&gt;</a>
                        </div>
                    </div>
                    <!--遍历图片-->
                    {volist name="row4" id="k"}
                    <div class="qt-card-primary wrap-list roll-list fl" style="width:300px;height:355px;">
                        <div class="card-img">
                            <a href="{:url('index/details/newpic',['id'=>$k['id']])}" target="_blank"
                               class="clickL avatar">
                                <div class="card-trait">
                                    <div class="card-tag-business "></div>
                                </div>
                                <img class=""
                                     src="http://pdyc9epam.bkt.clouddn.com/{$k['icon']}?imageMogr2/thumbnail/450x600>/gravity/North/crop/280x310/format/jpg/blur/1x0/quality/75|imageslim"
                                     alt=""
                                     data-url="http://pdyc9epam.bkt.clouddn.com/{$k['icon']}"
                                     style="width:300px;height:310px">
                                <div class="card-bg"></div>

                                <div class="card-handle">
                                    <div class="handle-dum qt-btn btn-green-linear download-page">
                                        <span class="glyphicon glyphicon-download-alt"
                                              style="font-size:18px; line-height:40px">VIP免费下载</span>
                                    </div>
                                    <div class="handle-fav bottom-fav-ajax">
                                        <span class="glyphicon glyphicon-heart house-btn" style="font-size:20px"
                                              data-id="{$k['id']}"></span>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="card-tag  isYC"></div>
                        <p class="card-title">{$k['desc']}</p><a href="#" class="card-title card-intro" target="_blank">
                        <span class="glyphicon glyphicon-download-alt">下载数量:{$k['sold']}</span> &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-gift">收藏数量:{$k['house']}</span>
                    </a>
                    </div>
                    {/volist}
                    <!--遍历图片-->
                </div>
            </div>

            {if condition="($row5)"/}
            <div class="container">
                {else/}
                <div class="container" style="display:none">
                    {/if}
                    <div class="row" style="width:1200px; margin-left:0px">
                        <div class="clearfix main-title w1200">
                            <div class="fl">
                                <i class="icon icon-yc"></i>
                                <span class="title">
                                <a href="{:url('index/index/cate1')}" target="_blank">体育</a></span></div>
                            <div class="fr to-more">
                                <a href="{:url('index/index/cate1')}" target="_blank" class="clickL" data-id="26-5">更多
                                    &gt;&gt;</a></div>
                        </div>
                        <!--遍历图片-->
                        {volist name="row5" id="kk"}
                        <div class="qt-card-primary wrap-list roll-list fl" style="width:300px;height:355px;">
                            <div class="card-img">
                                <a href="{:url('index/details/newpic',['id'=>$kk['id']])}" target="_blank"
                                   class="clickL avatar">
                                    <div class="card-trait">
                                        <div class="card-tag-business "></div>
                                    </div>
                                    <img class=""
                                         src="http://pdyc9epam.bkt.clouddn.com/{$kk['icon']}?imageMogr2/thumbnail/450x600>/gravity/North/crop/280x310/format/jpg/blur/1x0/quality/75|imageslim"
                                         alt=""
                                         data-url="http://pdyc9epam.bkt.clouddn.com/{$kk['icon']}"
                                         style="width:300px;height:310px;overflow:hidden">
                                    <div class="card-bg"></div>
                                    <div class="card-handle">
                                        <div class="handle-dum qt-btn btn-green-linear download-page">
                                            <span class="glyphicon glyphicon-download-alt"
                                                  style="font-size:18px; line-height:40px">VIP免费下载</span>
                                        </div>
                                        <div class="handle-fav bottom-fav-ajax">
                                            <span class="glyphicon glyphicon-heart house-btn" style="font-size:20px"
                                                  data-id="{$kk['id']}"></span>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="card-tag  isYC"></div>
                            <p class="card-title">{$kk['desc']}</p><a href="#" class="card-title card-intro"
                                                                      target="_blank">
                            <span class="glyphicon glyphicon-download-alt">下载数量:{$kk['sold']}</span> &nbsp;&nbsp;
                            <span class="glyphicon glyphicon-gift">收藏数量:{$kk['house']}</span>
                        </a>
                        </div>
                        {/volist}
                        <!--遍历图片-->
                    </div>
                </div>
                <!--end主图-->

                {if condition="($row6)"/}
                <div class="container">
                    {else/}
                    <div class="container" style="display:none">
                        {/if}
                        <div class="row" style="width:1200px; margin-left:0px">
                            <div class="clearfix main-title w1200">
                                <div class="fl">
                                    <i class="icon icon-yc"></i>
                                    <span class="title">
                                <a href="{:url('index/index/cate1')}" target="_blank">游戏</a></span></div>
                                <div class="fr to-more">
                                    <a href="{:url('index/index/cate1')}" target="_blank" class="clickL" data-id="26-5">更多
                                        &gt;&gt;</a></div>
                            </div>
                            <!--遍历图片-->
                            {volist name="row6" id="kkk"}
                            <div class="qt-card-primary wrap-list roll-list fl" style="width:300px;height:355px;">
                                <div class="card-img">
                                    <a href="{:url('index/details/newpic',['id'=>$kkk['id']])}" target="_blank"
                                       class="clickL avatar">
                                        <div class="card-trait">
                                            <div class="card-tag-business "></div>
                                        </div>
                                        <img class=""
                                             src="http://pdyc9epam.bkt.clouddn.com/{$kkk['icon']}?imageMogr2/thumbnail/450x600>/gravity/North/crop/280x310/format/jpg/blur/1x0/quality/75|imageslim"
                                             alt=""
                                             data-url="http://pdyc9epam.bkt.clouddn.com/{$kkk['icon']}"
                                             style="width:300px;height:310px;overflow:hidden">
                                        <div class="card-bg"></div>
                                        <div class="card-handle">
                                            <div class="handle-dum qt-btn btn-green-linear download-page">
                                            <span class="glyphicon glyphicon-download-alt"
                                                  style="font-size:18px; line-height:40px">VIP免费下载</span>
                                            </div>
                                            <div class="handle-fav bottom-fav-ajax">
                                            <span class="glyphicon glyphicon-heart house-btn" style="font-size:20px"
                                                  data-id="{$kkk['id']}"></span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="card-tag  isYC"></div>
                                <p class="card-title">{$kkk['desc']}</p><a href="#" class="card-title card-intro"
                                                                          target="_blank">
                                <span class="glyphicon glyphicon-download-alt">下载数量:{$kkk['sold']}</span> &nbsp;&nbsp;
                                <span class="glyphicon glyphicon-gift">收藏数量:{$kkk['house']}</span>
                            </a>
                            </div>
                            {/volist}
                            <!--遍历图片-->
                        </div>
                    </div>
                    <!--end主图-->
<!-- <?php var_dump(count($adv)) ?> -->
                <!--广告-->
                <div class="container">
                    <div class="roll-wrap">
                        <div style="width: 1200px; margin-left: 0px; overflow: hidden" id='box'>
                            <div class="clearfix" style="width: 10000px; margin-left: 0px; overflow: auto"
                                 id='content'>
                                <div id='imglist' style=' float: left;'>
                                <?php if (count($adv) < 4): ?>
                                    <img class=""
                                             src="http://pdyc9epam.bkt.clouddn.com/201809045b8e5dc2d96d1.png?imageMogr2/thumbnail/450x600>/gravity/North/crop/280x310/format/jpg/blur/1x0/quality/75|imageslim"/>
                                    <img class=""
                                         src="http://pic.qiantucdn.com/58pic_home/index/hezuo/index_butt_3.png"/>
                                    {volist name="adv" id="vv"}
                                        <img class=""
                                             src="http://pdyc9epam.bkt.clouddn.com/{$vv['icon']}?imageMogr2/thumbnail/450x600>/gravity/North/crop/280x310/format/jpg/blur/1x0/quality/75|imageslim"/>
                                    {/volist}
                                    <img class=""
                                         src="http://pic.qiantucdn.com/58pic_home/index/hezuo/index_butt_2.png"/>
                                    {volist name="adv" id="vv"}
                                        <img class=""
                                             src="http://pdyc9epam.bkt.clouddn.com/{$vv['icon']}?imageMogr2/thumbnail/450x600>/gravity/North/crop/280x310/format/jpg/blur/1x0/quality/75|imageslim"/>
                                    {/volist}
                                    <img class=""
                                             src="http://pdyc9epam.bkt.clouddn.com/201809045b8e5b97c6b05.png?imageMogr2/thumbnail/450x600>/gravity/North/crop/280x310/format/jpg/blur/1x0/quality/75|imageslim"/>
                                    
                                    <img class=""
                                         src="http://pic.qiantucdn.com/58pic_home/index/hezuo/index_butt_3.png"/>
                                    <img class=""
                                         src="http://pic.qiantucdn.com/58pic_home/index/hezuo/index_butt_1.png"/>


                                <?php else: ?>
                                    {volist name="adv" id="vv"}
                                        <img class=""
                                             src="http://pdyc9epam.bkt.clouddn.com/{$vv['icon']}?imageMogr2/thumbnail/450x600>/gravity/North/crop/280x310/format/jpg/blur/1x0/quality/75|imageslim"/>
                                    {/volist}
                                    {volist name="adv" id="vv"}
                                        <img class=""
                                             src="http://pdyc9epam.bkt.clouddn.com/{$vv['icon']}?imageMogr2/thumbnail/450x600>/gravity/North/crop/280x310/format/jpg/blur/1x0/quality/75|imageslim"/>
                                    {/volist}
                                <?php endif ?>
                                

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {/block}
                <div class="index-main">
                    {block name="main1"}
                    {/block}
                    <div class="box-topic" data-lkid="15">
                        <div class="box-topic" data-lkid="25">
                            <div class="box-topic" data-lkid="26">
                                <div class="box-topic" data-lkid="19">
                                    <div class="box-topic" data-lkid="17">
                                        <div class="box-topic" data-lkid="23">
                                            <input type="hidden" id="isLoginHidden" value="0"/>
                                            <div class="qt-footer-default">
                                                <div class="w1200 qt-footer">
                                                    <div class="footer-top clearfix">
                                                        <dl class="fl">
                                                            <dt>常见问题</dt>
                                                            <dd><a href="http://www.58pic.com/index.php?m=ogcintro"
                                                                   target="_blank"
                                                                   rel="nofollow">成为特邀设计师</a></dd>
                                                            <!--<dd><a href="http://www.58pic.com/index.php?m=ogcintro" target="_blank" rel="nofollow">成为原创贡献者</a></dd>-->
                                                            <dd>
                                                                <a href="{:url('index/login/index')}" target="_blank"
                                                                   rel="nofollow">注册登录</a>
                                                            </dd>
                                                            <dd>
                                                                <a href="{:url('index/login/index')}" target="_blank"
                                                                   rel="nofollow">帐号/密码</a>
                                                            </dd>
                                                            <dd>
                                                                <a href="{:url('index/vip/index')}"
                                                                   target="_blank" rel="nofollow">充值/售后</a>
                                                            </dd>
                                                            <dd>
                                                                <a href="#" target="_blank" rel="nofollow">版权投诉</a>
                                                            </dd>
                                                        </dl>
                                                        <dl class="fl">
                                                            <dt>关于云图</dt>
                                                            <dd><a href="#" target="_blank"
                                                                   rel="nofollow">关于我们</a></dd>
                                                            <dd><a href="#"
                                                                   target="_blank" rel="nofollow">媒体报道</a></dd>
                                                            <dd><a href="{:url('index/index/join')}"
                                                                   target="_blank" rel="nofollow">加入我们</a></dd>
                                                            <dd><a href="#" target="_blank"
                                                                   rel="nofollow">心系云图</a></dd>
                                                            <dd><a href="#" target="_blank" rel="nofollow">Q群联盟</a></dd>
                                                        </dl>
                                                        <dl class="fl">
                                                            <dt>产品服务</dt>
                                                            <dd><a href="#" target="_blank">官方博客</a></dd>
                                                            <dd><a href="#" target="_blank" rel="nofollow">帮助中心</a></dd>
                                                        </dl>

                                                        <dl class="fl">
                                                            <dt>友情链接</dt>
                                                            <dd><a href="http://sh.itxdl.cn/" target="_blank">上海兄弟连</a>
                                                            </dd>
                                                            <dd><a href="http://www.itxdl.cn/" target="_blank">兄弟连教育</a>
                                                            </dd>
                                                        </dl>
                                                        <div class="fl">
                                                            <img width="180px" src="/static/index/images/qrqr.jpg">
                                                        </div>
                                                        <div class="fr other-service">
                                                            <p class="service-title"><a
                                                                    href="javascript:void(0);" rel="external nofollow">客服咨询</a>
                                                            </p>
                                                            <p class="service-tel"><i></i> 400-9987011
                                                                <em>（9:30-18:30）</em></p>
                                                            <p class="service-email"><i></i>
                                                                <a href="mailto:feedback@58pic.com"
                                                                   rel="external nofollow">feedback@58pic.com</a>
                                                            </p>
                                                            <p class="">
                                                                <a target="_blank"
                                                                   href="http://wpa.qq.com/msgrd?v=3&uin=1217645168&site=qq&menu=yes"><img
                                                                        border="0"
                                                                        src="http://wpa.qq.com/pa?p=2:1217645168:41"
                                                                        alt="联系客服" title="联系客服"/></a>
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <div class="footer-bottom clearfix">
                                                        <p class="fl bottom-icon">
                                                            <a href="" class="icon-sina" title="新浪"
                                                               rel="external nofollow" target="_blank"></a>
                                                            <a href="javascript:void(0);" class="icon-wechat" title="微信"
                                                               rel="external nofollow" target="_blank"></a>
                                                            <!-- <a href="https://www.zhihu.com/people/qian-tu-wang-36" class="icon-quaro" title="知乎" target="_blank" rel="external nofollow"></a> -->
                                                            &nbsp;
                                                        </p>
                                                        <p class="fl bottom-href">
                                                            <a href="#" target="_blank" rel="external nofollow">注册声明</a>
                                                            <a href="#" target="_blank" rel="external nofollow">版权声明</a>
                                                            <a href="#" target="_blank" rel="external nofollow">售后服务</a>
                                                        </p>
                                                        <p class="fr"> Copyright &copy;2013-2018 云图
                                                            <a href="#" target="_blank" rel="external nofollow">沪ICP备10011451号-6</a>
                                                            <a href="#" target="_blank" rel="external nofollow">
                                                                <i class="icon-badge"></i>
                                                            </a>上海工商 安全实名验证 信用网站
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <script>
                                                var stats = document.createElement('script');
                                                stats.type = 'text/javascript';
                                                stats.async = true;
                                                var s = document.getElementsByTagName('script')[0];
                                                s.parentNode.insertBefore(stats, s);
                                            </script>
                                            <!--用户唤醒弹窗-->
                                            <!--编辑弹窗-->
                                            <div class="qt-model-t model-favirite-all" id="favirite-all">
                                                <div class="mdoel-table">
                                                    <div class="model-table-call">
                                                        <div class="model-content"><span class="model-table-close">&times;</span>
                                                            <div class="model-title">
                                                                添加到收藏夹
                                                            </div>
                                                            <ul class="favirite-box"></ul>
                                                            <p class="list-loading"><i
                                                                    class="icon icon-load turnAround text-green"></i>正在加载中...
                                                            </p>
                                                            <div class="favirite-create qt-btn btn-green-linear">
                                                                <a href="javascript:;" class="j-model-fav-create"
                                                                   data-model='{"target":"#favirite-create"}'>创建收藏夹
                                                                </a>
                                                                <p class="favorite-error-msg"></p></div>
                                                            <!--        <div class="btn-group"><p class="qt-btn btn-green-linear fav-ajax" data-id=""><a href="javascript:;">确认</a></p><p class="qt-btn btn-green"><a href="javascript:;" class="j-close">取消</a></p></div>-->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- 空弹窗 -->
                                            <div class="qt-model-t model-favirite-all" id="favirite-null">
                                                <div class="mdoel-table">
                                                    <div class="model-table-call">
                                                        <div class="model-content fav-null"><span
                                                                class="model-table-close">&times;</span>
                                                            <div class="icon-null"></div>
                                                            <p class="p1">
                                                                您还未创建收藏夹，点击创建增加新收藏夹吧！
                                                            </p>
                                                            <p class="p2">
                                                                您创建的收藏会显示在此处
                                                            </p>
                                                            <p class="qt-btn btn-green-linear j-model-fav-create"
                                                               data-model='{"target":"#favirite-create"}'><a
                                                                    href="javascript:;">创建收藏夹</a>
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- 创建弹窗 -->
                                            <div class="qt-model-t model-favirite-all" id="favirite-create">
                                                <div class="mdoel-table">
                                                    <div class="model-table-call">
                                                        <div class="model-content"><span class="model-table-close">&times;</span>
                                                            <div class="model-title">
                                                                创建到收藏夹
                                                            </div>
                                                            <div class="fav-create"><input type="text" value=""
                                                                                           class="fav-name"
                                                                                           placeholder="请输入收藏夹名称(3到10个字)">
                                                            </div>
                                                            <div class="btn-group"><p class="qt-btn btn-green-linear"><a
                                                                    href="javascript:;" id="add-page" data-id="">创建</a>
                                                            </p>
                                                                <p class="qt-btn btn-green"><a href="javascript:;"
                                                                                               class="j-close">取消</a>
                                                                </p></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <input type="hidden" data-page-count="" class="favor-page-baseinfo">
                                            <!--收藏成功弹窗-->
                                            <div class="public-popbox" id="favirite-success" style="display: none">
                                                <div class="alert-con"><i class="icont-true"></i>
                                                    <p></p></div>
                                            </div>
                                            <div class="public-popbox" id="favirite-error" style="display: none">
                                                <div class="alert-con"><i class="icont-error"></i>
                                                    <p></p></div>
                                            </div>

                                            <input type="hidden" id="favorpage-count" value="">

                                            <div class="everySign"></div>
                                            <input type="hidden" id="cycleHidden" value=""/><input type="hidden"
                                                                                                   id="start_timeHidden"
                                                                                                   value=""/><input
                                                type="hidden" id="end_timeHidden" value=""/><input type="hidden"
                                                                                                   id="weekHidden"
                                                                                                   value=""/>
                                            <style rel="stylesheet">
                                                #imglist {
                                                    /* border:1px solid red; */
                                                }

                                                #imglist img {
                                                    /* border:1px solid red; */
                                                    width: 140px;
                                                    height: 60px;
                                                }

                                                .collect {
                                                    width: 100%;
                                                    height: 100%;
                                                    position: fixed;
                                                    left: 0px;
                                                    top: 0px;
                                                    z-index: 200;
                                                    display: none;
                                                }

                                                .collect-background {
                                                    opacity: 0.2;
                                                    filter: alpha(opacity=20);
                                                    -moz-opacity: 0.2;
                                                    width: 100%;
                                                    height: 100%;
                                                    background: #000;
                                                    position: absolute;
                                                    left: 0px;
                                                    top: 0px;
                                                    z-index: 5;
                                                }

                                                .collect-model {
                                                    text-align: center;
                                                    position: relative;
                                                    z-index: 10;
                                                    width: 100%;
                                                    height: 100%;
                                                    display: table-cell;
                                                    vertical-align: middle;
                                                }

                                                .collect-model ul {
                                                    width: 526px;
                                                    padding-bottom: 30px;
                                                    background: #fff;
                                                    border-radius: 5px;
                                                    box-shadow: 0 0 15px #e1e1e1;
                                                    overflow: hidden;
                                                    display: inline-block;
                                                }

                                                .collect-title {
                                                    font-size: 14px;
                                                    line-height: 22px;
                                                    min-height: 23px;
                                                    margin: 35px auto 0;
                                                    width: 465px;
                                                    padding-left: 30px;
                                                    color: #666;
                                                    background: url(images/34.png) no-repeat 0 1px;
                                                }

                                                .collect-phone {
                                                    width: 485px;
                                                    height: 37px;
                                                    margin: 20px auto 0;
                                                    position: relative;
                                                }

                                                .collect-phone-title {
                                                    font-size: 14px;
                                                    float: left;
                                                    height: 36px;
                                                    line-height: 36px;
                                                }

                                                .collect-phone-region {
                                                    margin-left: 4px;
                                                    width: 101px;
                                                    cursor: pointer;
                                                    height: 36px;
                                                    line-height: 36px;
                                                    position: relative;
                                                    padding-left: 5px;
                                                    float: left;
                                                    border-radius: 4px;
                                                    border: 1px solid #e3e3e3;
                                                    font-size: 14px;
                                                }

                                                .collect-phone-region dl {
                                                    width: 80px;
                                                    height: 34px;
                                                    line-height: 34px;
                                                    overflow: hidden;
                                                }

                                                .collect-phone-region dl i {
                                                    display: block;
                                                    width: 16px;
                                                    height: 33px;
                                                    position: absolute;
                                                    top: 0px;
                                                    right: 0px;
                                                    background: #fff url(picture/137.jpg) no-repeat;
                                                }

                                                .collect-phone-input {
                                                    margin-left: 3px;
                                                    width: 178px;
                                                    height: 36px;
                                                    line-height: 36px;
                                                    display: block;
                                                    float: left;
                                                    border-radius: 4px;
                                                    border: 1px solid #e3e3e3;
                                                    font-size: 14px;
                                                    padding-left: 5px;
                                                    padding-right: 5px;
                                                }

                                                .collect-phone-input2, .collectEmail-input {
                                                    margin-left: 3px;
                                                    width: 178px;
                                                    height: 36px;
                                                    line-height: 36px;
                                                    display: block;
                                                    float: left;
                                                    border-radius: 4px;
                                                    border: 1px solid #e3e3e3;
                                                    font-size: 14px;
                                                    padding-left: 5px;
                                                    padding-right: 5px;
                                                }

                                                .collect-phone-input3 {
                                                    margin-left: 3px;
                                                    width: 281px;
                                                    height: 36px;
                                                    line-height: 36px;
                                                    display: block;
                                                    float: left;
                                                    border-radius: 4px;
                                                    border: 1px solid #e3e3e3;
                                                    font-size: 14px;
                                                    padding-left: 5px;
                                                    padding-right: 5px;
                                                }

                                                .collect-phone-txt {
                                                    height: 36px;
                                                    float: left;
                                                    color: #b8b8b8;
                                                    margin-left: 13px;
                                                    font-size: 14px;
                                                    line-height: 36px;
                                                }

                                                .collect-phone-code, .collect-emailBth {
                                                    width: 96px;
                                                    height: 36px;
                                                    line-height: 36px;
                                                    font-size: 14px;
                                                    text-align: center;
                                                    border-radius: 4px;
                                                    float: left;
                                                    margin-left: 8px;
                                                }

                                                .collect-phone-toggle1 {
                                                    color: #11C95E;
                                                    border: 1px solid #0BC55B;
                                                    background: #EDFFF4;
                                                }

                                                .collect-phone-toggle2 {
                                                    color: #fff;
                                                    border: none;
                                                    background: #E3E3E3;
                                                }

                                                .collect-phone-toggle2 span {
                                                    color: #fff;
                                                }

                                                .collect-btn, .collectEmailBtn {
                                                    width: 90px;
                                                    height: 37px;
                                                    line-height: 37px;
                                                    display: block;
                                                    margin: 30px auto 0;
                                                    font-size: 14px;
                                                    color: #fff;
                                                }

                                                .collect-select {
                                                    position: absolute;
                                                    top: 36px;
                                                    left: -1px;
                                                    border-radius: 4px;
                                                    display: none;
                                                    width: 282px;
                                                    height: 143px;
                                                    overflow-x: auto;
                                                    z-index: 6;
                                                    background: #fff;
                                                    border: 1px solid #e3e3e3;
                                                }

                                                .collect-select dt {
                                                    display: block;
                                                    font-size: 14px;
                                                    width: 100%;
                                                    height: 25px;
                                                    padding-left: 10px;
                                                    line-height: 25px;
                                                    color: rgb(102, 102, 102);
                                                }

                                                .collect-select dt span {
                                                    display: block;
                                                    float: right;
                                                    margin-right: 10px;
                                                    height: 25px;
                                                }

                                                .collect-select dt:hover {
                                                    background: #10c55b;
                                                    color: #fff;
                                                    cursor: pointer;
                                                }

                                                .collect-select dt:hover span {
                                                    color: #fff;
                                                }

                                                .collect-block {
                                                    display: block;
                                                }

                                                .collect-phone-error, .collect-code-error, .collect-email-error, .collect-myCode-error {
                                                    position: absolute;
                                                    display: none;
                                                    top: 36px;
                                                    left: 60px;
                                                    height: 20px;
                                                    width: 200px;
                                                    font-size: 12px;
                                                    color: #666;
                                                    line-height: 20px;
                                                }

                                                .collect-phone-error i, .collect-code-error i, .collect-email-error i, .collect-myCode-error i {
                                                    background: url(images/35.png) no-repeat -34px -193px;
                                                    margin-right: 4px;
                                                    vertical-align: -3px;
                                                    width: 14px;
                                                    height: 14px;
                                                    display: inline-block;
                                                }

                                                .collect-code-error {
                                                    width: 400px;
                                                }

                                                .person {
                                                    float: right;
                                                    width: 121px;
                                                    height: 52px;
                                                    margin-right: 31px;
                                                    margin-top: 5px;
                                                    position: relative;
                                                    max-width: 180px;
                                                    width: auto !important;
                                                    cursor: pointer;
                                                }

                                                .blo-tel {
                                                    margin-left: 10px;
                                                    margin-top: 15px;
                                                    margin-right: -8px;
                                                    float: right;
                                                    color: #999;
                                                    max-width: 104px;
                                                    overflow: hidden;
                                                    text-overflow: ellipsis;
                                                    white-space: nowrap;
                                                }
                                            </style><!--手机号验证-->
                                            <script src="/static/index/js/jquery.min.js"></script>
                                            <script src="/static/index/js/toastr.js"></script>
                                            <script src="/static/index/js/bootstrap.min.js"></script>
                                            <!--<script type="text/javascript" src="/static/index/js/256.js"></script>-->
                                            <!--<script type="text/javascript" data-loader src="/static/index/js/257.js"></script>-->
                                            <script type="text/javascript" src="/static/index/js/258.js"></script>
                                            <script src="/static/index/js/jquery.goup.js"
                                                    type="text/javascript"></script>
<script>
    $(function () {
        $(".person").mouseover(function () {
            $(".put-up").show();
        }).mouseout(function () {
            $(".put-up").hide();
        });
    });



    var put=document.getElementsByTagName('input');
    var re=/[^\w\u4e00-\u9fa5]/g;
    for (var i = 0; i < put.length; i++) {
        put[i].onkeyup=function(){

            if(re.test(this.value)){
                alert('请勿输入非法字符');
                this.value=this.value.replace(/[^\w\u4e00-\u9fa5]/g,"");
            }
        }
    }

</script>


                                            {block name="myjs"}
                                            <script>



//
                                                //图片
                                                var width5 = imglist5.offsetWidth;

                                                // 将一轮图片克隆一份,追加到当前图片之后
                                                cont.appendChild(imglist5.cloneNode(true));

                                                function scrollImage5() {
                                                    // 判断一轮图片是否滚完
                                                    if (box1.scrollLeft >= width5) {
                                                        box1.scrollLeft = 0;
                                                    }
                                                    box1.scrollLeft += 3;
                                                }


                                                open=setInterval(scrollImage5, 20);
                                                $('#box1').mouseover(function () {
                                                    clearInterval(open);
                                                })

                                                $('#box1').mouseout(function () {
                                                    open = setInterval(scrollImage5, 14);
                                                })


//                                                广告
                                                var width = imglist.offsetWidth;
                                                // 将一轮图片克隆一份,追加到当前图片之后
                                                content.appendChild(imglist.cloneNode(true));

                                                function scrollImage() {
                                                    // 判断一轮图片是否滚完
                                                    if (box.scrollLeft >= width) {
                                                        box.scrollLeft = 0;
                                                    }
                                                    box.scrollLeft += 2;
                                                }
                                                setInterval(scrollImage, 14);




                                                $('#s-btn').click(function () {
                                                    if ($('#input').val() == '') {
                                                        alert('您还没有输入搜索内容哦');
                                                        return false;
                                                    }
                                                })


                                                $(document).ready(function () {
                                                    $.goup({
                                                        trigger: 100,
                                                        bottomOffset: 100,       //距底部偏移量
                                                        locationOffset: 30,     //距右部偏移量
                                                        title: '回顶部',
                                                        titleAsText: true       //是否显示title
                                                    });
                                                });
                                                $(function () {
                                                    $('.cate-btn').click(function () {
                                                        $('.menu').toggle();
                                                    });
                                                });
                                                $(function () {
                                                    $(".person").mouseover(function () {
                                                        $(".put-up").show();
                                                    }).mouseout(function () {
                                                        $(".put-up").hide();
                                                    });
                                                });


                                                $('.house-btn').click(function () {
                                                    var gid = $(this).attr('data-id');
                                                    houseAjax(gid);
                                                    return false;
                                                })

                                                function houseAjax(gid) {
                                                    $.ajax({
                                                        type: 'post',
                                                        dataType: 'json',
                                                        data: {'gid': gid},
                                                        url: 'house',
                                                        success: function (data) {
                                                            console.log(data);
                                                            if (data.status) {
                                                                alert(data.info);
                                                            } else {
                                                                alert(data.info);
                                                            }
                                                        },
                                                        error: function () {

                                                        }
                                                    })
                                                }
                                            </script>
                                            {/block}
</body>
</html>

